<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
    	<meta name="viewport" content="width=device-width,user-scalable=no">
		<title></title>
		<link rel="stylesheet" href="css/reset.css" />
		<link rel="stylesheet" href="css/swiper.min.css" />
		<link rel="stylesheet" type="text/css" href="css/animate.min.css"/>
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
	</head>
	<body>

		<div class="swiper-container">
			<div class="musicbtn musicRotate">
				<audio src="img/music.mp3" autoplay="autoplay" loop id="music"></audio> 
			</div>
			<div class="swiper-wrapper">
				<!--首页-->
				<div class="swiper-slide swiper-no-swiping">
					<div class="curtain ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="1s" swiper-animate-delay="0.3s">
						<img src="img/pageStart/pg1-mubu.png"/>
					</div>
					<div class="lanternLeft abs ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="1s" swiper-animate-delay="2.2s">
						<img src="img/pageStart/pg1-denglong.png"/>
						<div class="pg1-zhong abs ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="0.8s" swiper-animate-delay="2.4s">
							<img src="img/pageStart/pg1-font1.png"/>
						</div>
					</div>
					<div class="lanternRight abs ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="1s" swiper-animate-delay="2.2s">
						<img src="img/pageStart/pg1-denglong.png"/>
						<div class="pg1-qiu abs ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="0.8s" swiper-animate-delay="2.4s">
							<img src="img/pageStart/pg1-font2.png"/>
						</div>
					</div>
					<div class="curtain1 abs ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="1s" swiper-animate-delay="1s">
						<img src="img/pageStart/pg1-bg1.png"/>
						<div class="pg1-content abs">
							<p class="ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.8s" swiper-animate-delay="3s">～中秋猜又猜～</p>
							<p class="ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.8s" swiper-animate-delay="3.3s">活动由优才学院发起</p>
							<p class="ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="0.8s" swiper-animate-delay="3.6s">预祝大家中秋快乐</p>
						</div>
					</div>
					<div class="startGame abs swiper-button-next ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="1s" swiper-animate-delay="3s">
						<img src="img/pageStart/pg1-btn.png"/>
						<div class="startGame-text abs"><img src="img/pageStart/pg1-font6.png"/></div>
					</div>
					<div class="textBG textBG-1 abs ani" swiper-animate-effect="rotateIn" swiper-animate-duration="0.8s" swiper-animate-delay="2.5s">
						<img src="img/pageStart/pg1-panzi.png"/>
						<div class="text-1"><img src="img/pageStart/pg1-font3.png"/></div>
					</div>
					<div class="textBG textBG-2 abs ani" swiper-animate-effect="rotateIn" swiper-animate-duration="0.8s" swiper-animate-delay="2.8s">
						<img src="img/pageStart/pg1-panzi.png"/>
						<div class="text-1"><img src="img/pageStart/pg1-font4.png"/></div>
					</div>
					<div class="textBG textBG-3 abs ani" swiper-animate-effect="rotateIn" swiper-animate-duration="0.8s" swiper-animate-delay="3.1s">
						<img src="img/pageStart/pg1-panzi.png"/>
						<div class="text-1"><img src="img/pageStart/pg1-font5.png"/></div>
					</div>
					<div class="rabbit abs ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="1s" swiper-animate-delay="2s">
						<img src="img/pageStart/pg1-tuzi.png" class="ani aInfinite" swiper-animate-effect="pulse" swiper-animate-duration="3s" swiper-animate-delay="2.5s"/>
					</div>
					<div class="cake abs ani" swiper-animate-effect="rotateIn" swiper-animate-duration="0.5s" swiper-animate-delay="2.5s">
						<img src="img/pageStart/pg1-yuebing.png" class="ani aInfinite aOrigin" swiper-animate-effect="swing" swiper-animate-duration="1.5s" swiper-animate-delay="2.5s"/>
					</div>
					<div class="pagestar-tit abs ani" swiper-animate-effect="zoomIn" swiper-animate-duration="1s" swiper-animate-delay="2.5s">
						<img src="img/logo.png"/>
					</div>
				</div>
				<!--第二页-->
				<div class="swiper-slide">
					<div class="pg2-curtain abs ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="1s" swiper-animate-delay="1.3s">
						<img src="img/page2/pg2-bg1.png"/>
						<div class="abs ">
							<p class="pg2-text1  ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="1s" swiper-animate-delay="1.5s">浓情中秋，情系优才</p>
							<p class="pg2-text1  ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="1s" swiper-animate-delay="1.8s">在祖国生日之际，在红色之月，</p>
							<p class="pg2-text1  ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="1s" swiper-animate-delay="2.1s">每个人都应体会中秋文化的魅力，</p>
							<p class="pg2-text1  ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="1s" swiper-animate-delay="2.4s">在各种节日冲击中国文化节日的今天，</p>
							<p class="pg2-text1  ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="1s" swiper-animate-delay="2.7s">继承和发扬中国的传统文化，</p>
							<p class="pg2-text1  ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="1s" swiper-animate-delay="3s">是每一位中华儿女的使命!</p>
							<p class="pg2-text1  ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="1s" swiper-animate-delay="3s"></p>
							<p class="pg2-text1  ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="1s" swiper-animate-delay="3.3s">灯谜共有4题，快来试试你能答对几道吧！</p>
							<p class="pg2-text1  ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="1s" swiper-animate-delay="3.6s">答完记得分享给小伙伴喔~</p>

						</div>
					</div>
					<div class="pg2-lantern1 pg2-lantern abs ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="1s" swiper-animate-delay="0s">
						<img src="img/page2/pg2-denglong1.png"/>
					</div>
					<div class="pg2-lantern2 pg2-lantern abs ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="1s" swiper-animate-delay="1s">
						<img src="img/page2/pg2-denglong.png"/>
						<div class="pg2-font1 abs pg2-font ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="0.8s" swiper-animate-delay="1.2s">
							<img src="img/page2/pg2-font1.png"/>
						</div>
					</div>
					<div class="pg2-lantern3 pg2-lantern abs ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="1s" swiper-animate-delay="1.3s">
						<img src="img/page2/pg2-denglong.png"/>
						<div class="pg2-font2 abs pg2-font ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="0.8s" swiper-animate-delay="1.5s">
							<img src="img/page2/pg2-font2.png"/>
						</div>
					</div>
					<div class="pg2-lantern4 pg2-lantern abs ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="1s" swiper-animate-delay="1.6s">
						<img src="img/page2/pg2-denglong.png"/>
						<div class="pg2-font3 abs pg2-font ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="0.8s" swiper-animate-delay="1.8s">
							<img src="img/page2/pg2-font3.png"/>
						</div>
					</div>
					<div class="pg2-lantern5 pg2-lantern abs ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="1s" swiper-animate-delay="1.9s">
						<img src="img/page2/pg2-denglong.png"/>
						<div class="pg2-font4 abs pg2-font ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="0.8s" swiper-animate-delay="2.1s">
							<img src="img/page2/pg2-font4.png"/>
						</div>
					</div>
					<div class="pg2-lantern6 pg2-lantern abs ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="1s" swiper-animate-delay="0.5s">
						<img src="img/page2/pg2-denglong1.png"/>
					</div>
					<div class="pg2-rabbit pg2-rabbit1 abs ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="1s" swiper-animate-delay="1.5s">
						<img src="img/page2/pg2-tuzi1.png" class="ani aOrigin aInfinite" swiper-animate-effect="swing" swiper-animate-duration="2s" swiper-animate-delay="3s"/>
					</div>
					<div class="pg2-rabbit pg2-rabbit2 abs ani" swiper-animate-effect="fadeIn" swiper-animate-duration="1s" swiper-animate-delay="2s">
						<img src="img/page2/pg2-tuzi2.png" class="ani aOrigin aInfinite" swiper-animate-effect="swing" swiper-animate-duration="2s" swiper-animate-delay="3s"/>
					</div>
					<div class="pg2-desk abs ani" swiper-animate-effect="fadeInRight" swiper-animate-duration="1s" swiper-animate-delay="1.7s">
						<img src="img/page2/pg2-zhuobu.png"/>
					</div>
					<div class="pg2-cake abs ani aOriginBM" swiper-animate-effect="rotateIn" swiper-animate-duration="1s" swiper-animate-delay="2s">
						<img src="img/page2/pg2-yueding.png"/>
					</div>
					<div class="nextPage abs ani aInfinite" swiper-animate-effect="fadeInUp" swiper-animate-duration="1.5s" swiper-animate-delay="3s">
						<img src="img/page2/nextPage.png"/>
					</div>
				</div>
				<!--第三页-->
				<div class="swiper-slide swiper-no-swiping">
					<div class="pg3-bg1 abs ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="1s" swiper-animate-delay="0s">
						<img src="img/page3/pg3-bg1.png"/>
					</div>
					<div class="pg3-bg2 abs ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="1s" swiper-animate-delay="0.8s">
						<img src="img/page3/pg3-bg2.png"/>
						<div class="pg3-txt1 abs ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="1s" swiper-animate-delay="1.3s">
							<p>1.快刀斩乱麻</p>
							<p>（打一成语）</p>
						</div>
						<div class="pg3-btn1 pg3-btn abs ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="1s" swiper-animate-delay="1.8s">
							<img src="img/page3/pg3-btn.png"/>
							<p>A.迎刃而解</p>
						</div>
						<div class="pg3-btn2 pg3-btn abs ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="1s" swiper-animate-delay="2s">
							<img src="img/page3/pg3-btn.png"/>
							<p>B.不言而喻</p>
							
						</div>
						<div class="pg3-btn3 pg3-btn abs ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="1s" swiper-animate-delay="2.2s">
							<img src="img/page3/pg3-btn.png"/>
							<p>C.外强中干</p>
						</div>
					</div>					
					<div class="pg3-yb1 pg3-yb abs ani" swiper-animate-effect="rotateIn" swiper-animate-duration="1s" swiper-animate-delay="0.5s">
						<img src="img/page3/pg3-yuebing.png"/>
						<p>第</p>
					</div>
					<div class="pg3-yb2 pg3-yb abs ani" swiper-animate-effect="rotateIn" swiper-animate-duration="1s" swiper-animate-delay="0.8s">
						<img src="img/page3/pg3-yuebing.png"/>
						<p>一</p>
					</div>
					<div class="pg3-yb3 pg3-yb abs ani" swiper-animate-effect="rotateIn" swiper-animate-duration="1s" swiper-animate-delay="1.1s">
						<img src="img/page3/pg3-yuebing.png"/>
						<p>题</p>
					</div>
					<div class="pg3-hy abs ani" swiper-animate-effect="fadeInRight" swiper-animate-duration="1s" swiper-animate-delay="1.3s">
						<img src="img/page3/pg3-ye.png"/>
					</div>
					<div class="pg3-hy1 abs ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="1s" swiper-animate-delay="1.5s">
						<img src="img/page3/pg3-ye1.png" />
					</div>
					<div class="pg3-hy2 abs ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="1s" swiper-animate-delay="1.4s">
						<img src="img/page3/pg3-ye3.png" />
					</div>
					<div class="pg3-hy3 abs ani" swiper-animate-effect="fadeIn" swiper-animate-duration="1s" swiper-animate-delay="1.6s">
						<img src="img/page3/pg3-ye2.png" />
					</div>
					<div class="pg3-hy4 abs ani" swiper-animate-effect="fadeInRight" swiper-animate-duration="1s" swiper-animate-delay="1.5s">
						<img src="img/page3/pg3-ye1.png" />
					</div>
					<div class="pg3-hr1 pg3-hrd abs ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="1s" swiper-animate-delay="1.8s">
						<img src="img/page3/pg3-hua.png"/>
					</div>
					<div class="pg3-hr2 pg3-hrd abs ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="1s" swiper-animate-delay="1.3s">
						<img src="img/page3/pg3-hua1.png" class="ani aInfinite" swiper-animate-effect="pulse" swiper-animate-duration="1.5s" swiper-animate-delay="1.6s"/>
					</div>
					<div class="pg3-hr3 pg3-hrd abs ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="1s" swiper-animate-delay="2s">
						<img src="img/page3/pg3-hua.png" class="ani aInfinite" swiper-animate-effect="pulse" swiper-animate-duration="1.6s" swiper-animate-delay="1.7s"/>
					</div>
					<div class="pg3-hrx1 pg3-hrx abs ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="1s" swiper-animate-delay="1.7s">
						<img src="img/page3/pg3-hua3.png" class="ani aInfinite" swiper-animate-effect="pulse" swiper-animate-duration="1.6s" swiper-animate-delay="1.7s"/>
					</div>
					<div class="pg3-hrx2 pg3-hrx abs ani" swiper-animate-effect="fadeInRight" swiper-animate-duration="1s" swiper-animate-delay="1.5s">
						<img src="img/page3/pg3-hua2.png"/>
					</div>
					<!--回答弹窗-->
					<div class="clickYes abs">
						<!--第三页-->
						<div class="clickBGBG"></div>
						<div class="clickBg abs ani" swiper-animate-effect="rotateIn" swiper-animate-duration="1s" swiper-animate-delay="0.2s">
							<img src="img/click/click-bg.png"/>
							<div class="abs">
								<p class="ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="1s" swiper-animate-delay="0.5s" >答对啦！</p>
								<i class="ani" swiper-animate-effect="fadeInRight" swiper-animate-duration="1s" swiper-animate-delay="0.5s">-继续加油喔-</i>
							</div>
						</div>
						<div class="clickBg1 abs ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="1s" swiper-animate-delay="0.2s">
							<img src="img/click/click-bg1.png"/>
						</div>
						<div class="click-tuzi abs ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="1s" swiper-animate-delay="0.2s">
							<img src="img/click/click-tuzi.png"/>
						</div>
						<div class="click-yb abs ani" swiper-animate-effect="rotateIn" swiper-animate-duration="1s" swiper-animate-delay="0.8s">
							<img src="img/click/click-yuebing.png"/>
						</div>
						<div class="click-kuang abs ani" swiper-animate-effect="rotateIn" swiper-animate-duration="0.8s" swiper-animate-delay="0.8s">
							<img src="img/click/click-kuang.png"/>
							<p>YES</p>
						</div>
						<div class="clickBtn abs ani swiper-button-next" swiper-animate-effect="fadeInUp" swiper-animate-duration="1s" swiper-animate-delay="0.5s">
							<img src="img/click/click-btn.png"/>
							<p class="abs">下一题</p>
						</div>
					</div>
					<div class="baffle abs"></div>
				</div>
				<!--第四页-->
				<div class="swiper-slide swiper-no-swiping">
					<div class="pg3-bg1 abs ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="1s" swiper-animate-delay="0s">
						<img src="img/page3/pg3-bg1.png"/>
					</div>
					<div class="pg3-bg2 abs ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="1s" swiper-animate-delay="0.8s">
						<img src="img/page3/pg3-bg2.png"/>
						<div class="pg3-txt1 abs ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="1s" swiper-animate-delay="1.3s">
							<p>2.年终岁尾，不缺鱼米</p>
							<p>（猜一字）</p>
						</div>
						<div class="pg3-btn1 pg3-btn abs ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="1s" swiper-animate-delay="1.8s">
							<img src="img/page3/pg3-btn.png"/>
							<p>A.麟</p>
						</div>
						<div class="pg3-btn2 pg3-btn abs ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="1s" swiper-animate-delay="2s">
							<img src="img/page3/pg3-btn.png"/>
							<p>B.鳞</p>
							
						</div>
						<div class="pg3-btn3 pg3-btn abs ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="1s" swiper-animate-delay="2.2s">
							<img src="img/page3/pg3-btn.png"/>
							<p>C.璘</p>
						</div>
					</div>					
					<div class="pg3-yb1 pg3-yb abs ani" swiper-animate-effect="rotateIn" swiper-animate-duration="1s" swiper-animate-delay="0.5s">
						<img src="img/page3/pg3-yuebing.png"/>
						<p>第</p>
					</div>
					<div class="pg3-yb2 pg3-yb abs ani" swiper-animate-effect="rotateIn" swiper-animate-duration="1s" swiper-animate-delay="0.8s">
						<img src="img/page3/pg3-yuebing.png"/>
						<p>二</p>
					</div>
					<div class="pg3-yb3 pg3-yb abs ani" swiper-animate-effect="rotateIn" swiper-animate-duration="1s" swiper-animate-delay="1.1s">
						<img src="img/page3/pg3-yuebing.png"/>
						<p>题</p>
					</div>
					<div class="pg3-hy abs ani" swiper-animate-effect="fadeInRight" swiper-animate-duration="1s" swiper-animate-delay="1.3s">
						<img src="img/page3/pg3-ye.png"/>
					</div>
					<div class="pg3-hy1 abs ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="1s" swiper-animate-delay="1.5s">
						<img src="img/page3/pg3-ye1.png" />
					</div>
					<div class="pg3-hy2 abs ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="1s" swiper-animate-delay="1.4s">
						<img src="img/page3/pg3-ye3.png" />
					</div>
					<div class="pg3-hy3 abs ani" swiper-animate-effect="fadeIn" swiper-animate-duration="1s" swiper-animate-delay="1.6s">
						<img src="img/page3/pg3-ye2.png" />
					</div>
					<div class="pg3-hy4 abs ani" swiper-animate-effect="fadeInRight" swiper-animate-duration="1s" swiper-animate-delay="1.5s">
						<img src="img/page3/pg3-ye1.png" />
					</div>
					<div class="pg3-hr1 pg3-hrd abs ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="1s" swiper-animate-delay="1.8s">
						<img src="img/page3/pg3-hua.png"/>
					</div>
					<div class="pg3-hr2 pg3-hrd abs ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="1s" swiper-animate-delay="1.3s">
						<img src="img/page3/pg3-hua1.png" class="ani aInfinite" swiper-animate-effect="pulse" swiper-animate-duration="1.5s" swiper-animate-delay="1.6s"/>
					</div>
					<div class="pg3-hr3 pg3-hrd abs ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="1s" swiper-animate-delay="2s">
						<img src="img/page3/pg3-hua.png" class="ani aInfinite" swiper-animate-effect="pulse" swiper-animate-duration="1.6s" swiper-animate-delay="1.7s"/>
					</div>
					<div class="pg3-hrx1 pg3-hrx abs ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="1s" swiper-animate-delay="1.7s">
						<img src="img/page3/pg3-hua3.png" class="ani aInfinite" swiper-animate-effect="pulse" swiper-animate-duration="1.6s" swiper-animate-delay="1.7s"/>
					</div>
					<div class="pg3-hrx2 pg3-hrx abs ani" swiper-animate-effect="fadeInRight" swiper-animate-duration="1s" swiper-animate-delay="1.5s">
						<img src="img/page3/pg3-hua2.png"/>
					</div>
					<!--回答弹窗-->
					<div class="clickYes abs">
						<!--第四页-->
						<div class="clickBGBG"></div>
						<div class="clickBg abs ani" swiper-animate-effect="rotateIn" swiper-animate-duration="1s" swiper-animate-delay="0.2s">
							<img src="img/click/click-bg.png"/>
							<div class="abs">
								<p class="ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="1s" swiper-animate-delay="0.5s" >答对啦！</p>
								<i class="ani" swiper-animate-effect="fadeInRight" swiper-animate-duration="1s" swiper-animate-delay="0.5s">-继续加油喔-</i>
							</div>
						</div>
						<div class="clickBg1 abs ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="1s" swiper-animate-delay="0.2s">
							<img src="img/click/click-bg1.png"/>
						</div>
						<div class="click-tuzi abs ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="1s" swiper-animate-delay="0.2s">
							<img src="img/click/click-tuzi.png"/>
						</div>
						<div class="click-yb abs ani" swiper-animate-effect="rotateIn" swiper-animate-duration="1s" swiper-animate-delay="0.8s">
							<img src="img/click/click-yuebing.png"/>
						</div>
						<div class="click-kuang abs ani" swiper-animate-effect="rotateIn" swiper-animate-duration="0.8s" swiper-animate-delay="0.8s">
							<img src="img/click/click-kuang.png"/>
							<p>YES</p>
						</div>
						<div class="clickBtn abs ani swiper-button-next" swiper-animate-effect="fadeInUp" swiper-animate-duration="1s" swiper-animate-delay="0.5s">
							<img src="img/click/click-btn.png"/>
							<p class="abs">下一题</p>
						</div>
					</div>
					<div class="baffle abs"></div>
				</div>
				<!--第五页-->
				<div class="swiper-slide swiper-no-swiping">
					<div class="pg3-bg1 abs ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="1s" swiper-animate-delay="0s">
						<img src="img/page3/pg3-bg1.png"/>
					</div>
					<div class="pg3-bg2 abs ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="1s" swiper-animate-delay="0.8s">
						<img src="img/page3/pg3-bg2.png"/>
						<div class="pg3-txt1 abs ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="1s" swiper-animate-delay="1.3s">
							<p>3.鲁达当和尚</p>
							<p>（打一成语）</p>
						</div>
						<div class="pg3-btn1 pg3-btn abs ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="1s" swiper-animate-delay="1.8s">
							<img src="img/page3/pg3-btn.png"/>
							<p>A.半途而废</p>
						</div>
						<div class="pg3-btn2 pg3-btn abs ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="1s" swiper-animate-delay="2s">
							<img src="img/page3/pg3-btn.png"/>
							<p>B.半路出家</p>
							
						</div>
						<div class="pg3-btn3 pg3-btn abs ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="1s" swiper-animate-delay="2.2s">
							<img src="img/page3/pg3-btn.png"/>
							<p>C.不同凡响</p>
						</div>
					</div>					
					<div class="pg3-yb1 pg3-yb abs ani" swiper-animate-effect="rotateIn" swiper-animate-duration="1s" swiper-animate-delay="0.5s">
						<img src="img/page3/pg3-yuebing.png"/>
						<p>第</p>
					</div>
					<div class="pg3-yb2 pg3-yb abs ani" swiper-animate-effect="rotateIn" swiper-animate-duration="1s" swiper-animate-delay="0.8s">
						<img src="img/page3/pg3-yuebing.png"/>
						<p>三</p>
					</div>
					<div class="pg3-yb3 pg3-yb abs ani" swiper-animate-effect="rotateIn" swiper-animate-duration="1s" swiper-animate-delay="1.1s">
						<img src="img/page3/pg3-yuebing.png"/>
						<p>题</p>
					</div>
					<div class="pg3-hy abs ani" swiper-animate-effect="fadeInRight" swiper-animate-duration="1s" swiper-animate-delay="1.3s">
						<img src="img/page3/pg3-ye.png"/>
					</div>
					<div class="pg3-hy1 abs ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="1s" swiper-animate-delay="1.5s">
						<img src="img/page3/pg3-ye1.png" />
					</div>
					<div class="pg3-hy2 abs ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="1s" swiper-animate-delay="1.4s">
						<img src="img/page3/pg3-ye3.png" />
					</div>
					<div class="pg3-hy3 abs ani" swiper-animate-effect="fadeIn" swiper-animate-duration="1s" swiper-animate-delay="1.6s">
						<img src="img/page3/pg3-ye2.png" />
					</div>
					<div class="pg3-hy4 abs ani" swiper-animate-effect="fadeInRight" swiper-animate-duration="1s" swiper-animate-delay="1.5s">
						<img src="img/page3/pg3-ye1.png" />
					</div>
					<div class="pg3-hr1 pg3-hrd abs ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="1s" swiper-animate-delay="1.8s">
						<img src="img/page3/pg3-hua.png"/>
					</div>
					<div class="pg3-hr2 pg3-hrd abs ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="1s" swiper-animate-delay="1.3s">
						<img src="img/page3/pg3-hua1.png" class="ani aInfinite" swiper-animate-effect="pulse" swiper-animate-duration="1.5s" swiper-animate-delay="1.6s"/>
					</div>
					<div class="pg3-hr3 pg3-hrd abs ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="1s" swiper-animate-delay="2s">
						<img src="img/page3/pg3-hua.png" class="ani aInfinite" swiper-animate-effect="pulse" swiper-animate-duration="1.6s" swiper-animate-delay="1.7s"/>
					</div>
					<div class="pg3-hrx1 pg3-hrx abs ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="1s" swiper-animate-delay="1.7s">
						<img src="img/page3/pg3-hua3.png" class="ani aInfinite" swiper-animate-effect="pulse" swiper-animate-duration="1.6s" swiper-animate-delay="1.7s"/>
					</div>
					<div class="pg3-hrx2 pg3-hrx abs ani" swiper-animate-effect="fadeInRight" swiper-animate-duration="1s" swiper-animate-delay="1.5s">
						<img src="img/page3/pg3-hua2.png"/>
					</div>
					<!--回答弹窗-->
					<div class="clickYes abs">
						<!--第五页-->
						<div class="clickBGBG"></div>
						<div class="clickBg abs ani" swiper-animate-effect="rotateIn" swiper-animate-duration="1s" swiper-animate-delay="0.2s">
							<img src="img/click/click-bg.png"/>
							<div class="abs">
								<p class="ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="1s" swiper-animate-delay="0.5s" >答对啦！</p>
								<i class="ani" swiper-animate-effect="fadeInRight" swiper-animate-duration="1s" swiper-animate-delay="0.5s">-继续加油喔-</i>
							</div>
						</div>
						<div class="clickBg1 abs ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="1s" swiper-animate-delay="0.2s">
							<img src="img/click/click-bg1.png"/>
						</div>
						<div class="click-tuzi abs ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="1s" swiper-animate-delay="0.2s">
							<img src="img/click/click-tuzi.png"/>
						</div>
						<div class="click-yb abs ani" swiper-animate-effect="rotateIn" swiper-animate-duration="1s" swiper-animate-delay="0.8s">
							<img src="img/click/click-yuebing.png"/>
						</div>
						<div class="click-kuang abs ani" swiper-animate-effect="rotateIn" swiper-animate-duration="0.8s" swiper-animate-delay="0.8s">
							<img src="img/click/click-kuang.png"/>
							<p>YES</p>
						</div>
						<div class="clickBtn abs ani swiper-button-next" swiper-animate-effect="fadeInUp" swiper-animate-duration="1s" swiper-animate-delay="0.5s">
							<img src="img/click/click-btn.png"/>
							<p class="abs">下一题</p>
						</div>
					</div>
					<div class="baffle abs"></div>
				</div>
				<!--第六页-->
				<div class="swiper-slide swiper-no-swiping">
					<div class="pg3-bg1 abs ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="1s" swiper-animate-delay="0s">
						<img src="img/page3/pg3-bg1.png"/>
					</div>
					<div class="pg3-bg2 abs ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="1s" swiper-animate-delay="0.8s">
						<img src="img/page3/pg3-bg2.png"/>
						<div class="pg3-txt1 abs ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="1s" swiper-animate-delay="1.3s">
							<p>4.无底洞</p>
							<p>（猜一成语）</p>
						</div>
						<div class="pg3-btn1 pg3-btn abs ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="1s" swiper-animate-delay="1.8s">
							<img src="img/page3/pg3-btn.png"/>
							<p>A.深不可测</p>
						</div>
						<div class="pg3-btn2 pg3-btn abs ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="1s" swiper-animate-delay="2s">
							<img src="img/page3/pg3-btn.png"/>
							<p>B.深不见底</p>
							
						</div>
						<div class="pg3-btn3 pg3-btn abs ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="1s" swiper-animate-delay="2.2s">
							<img src="img/page3/pg3-btn.png"/>
							<p>C.土生土长</p>
						</div>
					</div>					
					<div class="pg3-yb1 pg3-yb abs ani" swiper-animate-effect="rotateIn" swiper-animate-duration="1s" swiper-animate-delay="0.5s">
						<img src="img/page3/pg3-yuebing.png"/>
						<p>第</p>
					</div>
					<div class="pg3-yb2 pg3-yb abs ani" swiper-animate-effect="rotateIn" swiper-animate-duration="1s" swiper-animate-delay="0.8s">
						<img src="img/page3/pg3-yuebing.png"/>
						<p>四</p>
					</div>
					<div class="pg3-yb3 pg3-yb abs ani" swiper-animate-effect="rotateIn" swiper-animate-duration="1s" swiper-animate-delay="1.1s">
						<img src="img/page3/pg3-yuebing.png"/>
						<p>题</p>
					</div>
					<div class="pg3-hy abs ani" swiper-animate-effect="fadeInRight" swiper-animate-duration="1s" swiper-animate-delay="1.3s">
						<img src="img/page3/pg3-ye.png"/>
					</div>
					<div class="pg3-hy1 abs ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="1s" swiper-animate-delay="1.5s">
						<img src="img/page3/pg3-ye1.png" />
					</div>
					<div class="pg3-hy2 abs ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="1s" swiper-animate-delay="1.4s">
						<img src="img/page3/pg3-ye3.png" />
					</div>
					<div class="pg3-hy3 abs ani" swiper-animate-effect="fadeIn" swiper-animate-duration="1s" swiper-animate-delay="1.6s">
						<img src="img/page3/pg3-ye2.png" />
					</div>
					<div class="pg3-hy4 abs ani" swiper-animate-effect="fadeInRight" swiper-animate-duration="1s" swiper-animate-delay="1.5s">
						<img src="img/page3/pg3-ye1.png" />
					</div>
					<div class="pg3-hr1 pg3-hrd abs ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="1s" swiper-animate-delay="1.8s">
						<img src="img/page3/pg3-hua.png"/>
					</div>
					<div class="pg3-hr2 pg3-hrd abs ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="1s" swiper-animate-delay="1.3s">
						<img src="img/page3/pg3-hua1.png" class="ani aInfinite" swiper-animate-effect="pulse" swiper-animate-duration="1.5s" swiper-animate-delay="1.6s"/>
					</div>
					<div class="pg3-hr3 pg3-hrd abs ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="1s" swiper-animate-delay="2s">
						<img src="img/page3/pg3-hua.png" class="ani aInfinite" swiper-animate-effect="pulse" swiper-animate-duration="1.6s" swiper-animate-delay="1.7s"/>
					</div>
					<div class="pg3-hrx1 pg3-hrx abs ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="1s" swiper-animate-delay="1.7s">
						<img src="img/page3/pg3-hua3.png" class="ani aInfinite" swiper-animate-effect="pulse" swiper-animate-duration="1.6s" swiper-animate-delay="1.7s"/>
					</div>
					<div class="pg3-hrx2 pg3-hrx abs ani" swiper-animate-effect="fadeInRight" swiper-animate-duration="1s" swiper-animate-delay="1.5s">
						<img src="img/page3/pg3-hua2.png"/>
					</div>
					<!--回答弹窗-->
					<div class="clickYes abs">
						<!--第六页-->
						<div class="clickBGBG"></div>
						<div class="clickBg abs ani" swiper-animate-effect="rotateIn" swiper-animate-duration="1s" swiper-animate-delay="0.2s">
							<img src="img/click/click-bg.png"/>
							<div class="abs">
								<p class="ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="1s" swiper-animate-delay="0.5s" >答对啦！</p>
								<i class="ani" swiper-animate-effect="fadeInRight" swiper-animate-duration="1s" swiper-animate-delay="0.5s">-继续加油喔-</i>
							</div>
						</div>
						<div class="clickBg1 abs ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="1s" swiper-animate-delay="0.2s">
							<img src="img/click/click-bg1.png"/>
						</div>
						<div class="click-tuzi abs ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="1s" swiper-animate-delay="0.2s">
							<img src="img/click/click-tuzi.png"/>
						</div>
						<div class="click-yb abs ani" swiper-animate-effect="rotateIn" swiper-animate-duration="1s" swiper-animate-delay="0.8s">
							<img src="img/click/click-yuebing.png"/>
						</div>
						<div class="click-kuang abs ani" swiper-animate-effect="rotateIn" swiper-animate-duration="0.8s" swiper-animate-delay="0.8s">
							<img src="img/click/click-kuang.png"/>
							<p>YES</p>
						</div>
						<div class="clickBtn abs ani swiper-button-next" swiper-animate-effect="fadeInUp" swiper-animate-duration="1s" swiper-animate-delay="0.5s">
							<img src="img/click/click-btn.png"/>
							<p class="abs">下一题</p>
						</div>
					</div>
					<div class="baffle abs"></div>
				</div>
				<!--结束-->
				<div class="swiper-slide swiper-no-swiping">
					<div class="curtain ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="1s" swiper-animate-delay="0.3s">
						<img src="img/pageStart/pg1-mubu.png"/>
					</div>
					<div class="lanternLeft abs ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="1s" swiper-animate-delay="0.8s">
						<img src="img/pageStart/pg1-denglong.png"/>
						<div class="pg1-zhong abs ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="0.8s" swiper-animate-delay="1.3s">
							<img src="img/pageStart/pg1-font1.png"/>
						</div>
					</div>
					<div class="lanternRight abs ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="1s" swiper-animate-delay="0.8s">
						<img src="img/pageStart/pg1-denglong.png"/>
						<div class="pg1-qiu abs ani" swiper-animate-effect="fadeInDown" swiper-animate-duration="0.8s" swiper-animate-delay="1.3s">
							<img src="img/pageStart/pg1-font2.png"/>
						</div>
					</div>
					<div class="pgend-yp abs ani"  swiper-animate-effect="fadeIn" swiper-animate-duration="0.8s" swiper-animate-delay="1.3s">
						<img src="img/pageEnd/pgend-yuanpan.png" />
					</div>
					<div class="pgend-tit abs ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="1s" swiper-animate-delay="1.5s">
						<p>长按二维码</p>
						<p>查看更多精彩</p>
					</div>
					<div class="pgend-ewm abs ani" swiper-animate-effect="bounceIn" swiper-animate-duration="1s" swiper-animate-delay="1.8s">
						<img src="img/pageEnd/down.jpg"/>
					</div>
					<div class="pgend-txt abs ani" swiper-animate-effect="fadeInUp" swiper-animate-duration="1s" swiper-animate-delay="1.5s">
						<p>优才学院</p>
						<p>邀您一起欢乐度中秋</p>
					</div>
					<div class="pgend-again abs ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="1s" swiper-animate-delay="1.8s">
						<img src="img/pageEnd/pg1-btn.png" />
						<p class="abs">再来一次</p>
					</div>
					<div class="pgend-share abs ani" swiper-animate-effect="fadeInRight" swiper-animate-duration="1s" swiper-animate-delay="2.1s">
						<img src="img/pageEnd/pg1-btn.png" />
						<p class="abs">分享好友</p>
					</div>
					<div class="shareBG abs ani"  swiper-animate-effect="tada" swiper-animate-duration="1s" swiper-animate-delay="0s">
						<img src="img/pageEnd/share.png" />
					</div>
					<div class="pagestar-tit abs ani" swiper-animate-effect="zoomIn" swiper-animate-duration="1s" swiper-animate-delay="1s">
						<img src="img/logo.png" class="abs"/>
					</div>
				</div>
			</div>
			<div class="swiper-pagination"></div>
		</div>
		<script src="js/jquery-1.12.3.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/swiper.min.js"></script>
		<script src="js/swiper.animate.min.js"></script>
		<script src="js/index.js"></script>
	</body>
</html>
